/*公共头部*/
.container{
	font-size: 20px;
	padding:0;
}
.row{
	margin-left: 0;
	margin-right: 0;
	
}
embed,video{
	 width: 60%;
    height: auto;
	margin:0 auto;
	text-align:center;
}
#header{
	min-width: 1200px;	
}
.publickNav{
	/*background: url(../images/index/navbg.png) no-repeat;*/
	background: #034091;
	background-size: 100% 100%;
	margin-bottom: 0;
}
.navbar{
	border:none;
}
.publickNav .navbar-toggle{
	border: 1px solid white;
}
.publickNav .navbar-toggle .icon-bar{
	background: white;
}
.publickNav .nav-tel{
	position: relative;
    float: left;
    margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 8px;
}
.publickNav .nav-tel img{
	width:80px;
}
.head-phone{
	width: 300px;
	margin-right:90px;
}
.head-phone img{

	margin-right: 10px;
	margin-left: 10px;
}
.head-phone span{

}
.head-phone-bottom{
	margin-top: 5px;
	width: 180px;
	transform: skew(-30deg);
	text-align: center;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #E60B11;
	color: white;
	font-size: 1em;
}
.head-phone-bottom div{
	transform: skew(30deg);
	
}
.head{
	height: 120px;
	display: flex;
	align-items: center;
	position: relative;
}

.container{
	font-size: 20px;
}
.head-seach{

	width: 290px;
	height: 40px;
	display: flex;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -20px;
}
.seach-box {
	border-top:2px solid #E2E2E2;
	border-bottom:2px solid #E2E2E2;
	border-left:2px solid #E2E2E2;
	
	
	width: 210px;

}
.seach-box img{

	margin: 0 15px;
}
.seach-box input{
	width:74%;
	height:36px;
	line-height:36px;
	font-size: 14px;
}
.head-seach a{
	width: 80px;
	color: white;
	background: #e60B11;
	display: block;
	text-align: center;
	line-height: 40px;
	
}
.navbar .nav{
	width: 100%;
}
 /*.collapse{
	padding: 0 !important;
}*/

 .navbar .nav li{
	width: 170px;
	text-align: center;
	font-size: 0.9em;
	position: relative;
	/*background: url(../images/index/headbottomLine.png) no-repeat bottom;*/
	color: #551800;
	/*font-weight: bold;*/

}
 .navbar .nav li a{
 	/*color: #551800;*/
 	color: white;
 	text-decoration: none;
 }
 .navbar .nav li:not(:last-child):before{
 	position: absolute;
 	/*background: url(../images/index/headLine.png) no-repeat;*/
 	right: 0;
 	top: 20%;
 	bottom:20%;
 	width: 2px;
 	content: '';
 }
  /*.navbar .nav li a:hover{
  	text-decoration: none;
  	color: #e60B11;
  }*/
 .navbar .nav li:hover{
 	background: #f8ad00;

 }
  .footList{
  	height: 50px;
  	line-height: 50px;
  	background: #333333;
  }
  .footList ul{
  	width: 1200px;
  	display: flex;
  	justify-content: center;
  	margin: 0 auto;
  }
    .footList ul li{
    	width: 100px;
    	text-align: center;
    }
    .footList ul li a{
    	color: white;
    }
    .foot-box{
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	padding: 30px 0 30px 0;
    }
    .foot-box img{
    	margin-right: 20px;
    }
     .foot-box p{
        	font-size: 14px;
     	
     }
    .foot-box p:not(:last-child){
       	margin-bottom: 10px;

    }
    /*主页*/
   #banner .swiper-pagination-bullet{
   		width: 50px;
   		height: 4px;
   		border-radius:0;
   }
   	#banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
   		background: #E0A138 !important;
   }
    #banner .swiper-slide img{
    	width: 100%;
    }
    .active{
    	background: #f8ad00;
    }
   .active a{
   		/*color: #e60B11 !important;*/
   }
   	.indexBox{
   		background: #F1F1F1;
   		padding: 40px 0px;
   		margin-bottom: 70px;
   }
   	.indexBox ul{
   		width: 1215px;
   		margin: 0 auto;
   }
   	.indexBox ul li{
   	padding: 0 7.5px;
   	height: 170px;
   	position: relative;
   }
   	.indexBox ul li img{
   		width: 100%;
   		height: 100%;
   }
   .indexBox ul li .boxP{
 		position:  absolute;
 		left: 7.5px;
 		right: 7.5px;
 		height: 36px;
 		line-height: 36px;
 		text-align: center;
 		color: white;
 		bottom: 0;
 		font-size: 16px;
 	}
  	.indexBox .hoverBox{
  		position: absolute;
 		left: 7.5px;
 		right: 7.5px;
  		bottom: 0;
  		top: 0;
  		display: flex;
  		flex-direction: column;
  		justify-content: center;	
  		visibility: hidden;
  	}	
  	.indexBox .hoverBox p:not(:last-child){
  		margin-bottom: 20px;
  	}
  	.indexBox .hoverBox p{
  		text-align: center;
  		color: white;
  		font-size: 16px;
  	}  	
   	.indexBox ul li:hover{
   		cursor: pointer;
   	}  	

 	.boxSize1{
 		background:#ec972c;
 		opacity: 0.75;
 	}
 	.boxSize2{
 		background:#005bac;
 		opacity: 0.75; 		
 	}   
 	.boxSize3{
 		background:#009138;
 		opacity: 0.75; 		
 	}   
 	.boxSize4{
 		background:#e50002;
 		opacity: 0.75;
 	}  
 	.newTitle{
 		border-bottom: 1px solid #ECECEC;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 1200px;
		margin: 0 auto;

 	} 
 	.newTitle>p{
 		width: 120px;
 		text-align: center;
 		line-height: 60px;
 		position: relative;
 		font-weight: bold;
 		float: left;
 	}
 	.newTitle>p:before{
 		border-bottom: 4px solid #E0A138;
 		position: absolute;
 		bottom: 0;
 		left: 0;
 		right: 0;
 		content: "";
 	}  
 	.newTitle>div{
 		display: flex;
 		align-items: center;
 	} 
 	.newTitle>div ul{
 		display: flex;
 	}
 	.newTitle>div ul li{
 		font-size: 14px;
 		color: #808080;
 	}
 	 	.newTitle>div ul li span{
 	 		padding: 0 5px;
 	 	}
 	.moreBtn{
 		padding:0 5px;
 		height: 20px;
 		text-align: center;
		line-height: 18px;
		color: #EE6C39;
		border: 1px solid #EE6C39;
		font-size: 14px;
		margin-left: 7px;
 	}
 	.moreBtn:hover{
		color: #EE6C39;	
 	}
 	.produceList{
 		width: 1240px;
 		padding: 0;
 		margin: 0 auto;
 		margin-bottom: 80px;
 	}
 	.produceList .row{
 		margin: 0;
 	}
 	.produceList li{
 		padding-top: 40px;
 		padding-left: 20px;
 		padding-right: 20px;

 	}
 	.produceListBox{
 		padding: 20px;
 		background: #F7F7F7;
 		display: flex;
 		align-items: center;
 		
 	}
 	.produceListBoxLeft{
 		background: white;
 		padding: 5px;
 	}
 	.produceListBoxLeft img{
 		height: 110px;
 		width: 220px;
 		
 	}
 	.produceListBoxRight{
 		flex: 1;
 		padding-left: 20px;
 		overflow: hidden;
 	}
 	.produceListBoxRight .p-title{
 		font-size: 16px;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		overflow: hidden;
 		font-weight: bold;
 		margin-bottom: 10px;
 	}
 	.produceListBoxRight .p-content{
 		font-size:14px;
 		color: #808080;
 		line-height:1.8;
		display: -webkit-box; 
		overflow: hidden;
	  	white-space: normal!important;
	    text-overflow: ellipsis;
	    word-wrap: break-word;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
		height:79px;
 	}
 	.produceListBoxRight a{
 		width: 100px;
 		height: 30px;
		text-align: center;
		line-height: 30px;
		font-size: 14px;
		border: 1px solid #E0A138;
		color: #E0A138;
		display: block;
		margin-top: 12px;
 	}
 	.produceListBoxRight a:hover{
		color: #EA4808;
		border: 1px solid #EA4808;
 		
 	}
 	.indexNew{
 		font-size: 20px;
 	}
 	.indexContent{
 		font-size: 20px;
 	}
 	.boxTitle{
 		text-align: center;
 		position: relative;
 		padding-bottom: 20px;
 		position: relative;
 		font-size: 28px;
 		font-weight: bold;
 		color: #E0A138;
 	}
 	.boxTitle:before{
 		position: absolute;
 		bottom: 0;
 		width: 136px;
 		left: 50%;
 		border: 1px solid #DEDEDE;
 		content: "";
 		margin-left: -68px;
 	}
 	.boxTitle:after{
 		width: 26px;
 		height: 4px;
 		position: absolute;
 		bottom: -1px;
 		left: 50%;
 		content: "";
 		background: #E0A138;
 		margin-left: -13px;
 		
 	}
 	.boxSmallTitle{
 		padding:20px 0 60px 0;
 		text-align: center;
 		color: #686868;
 		
 	}
 	.indexWhy li .indexWhyBox{
 		background:#FBFCFE ;
 		border: 1px solid #EAEAEA;
 	}
 	.indexWhyBox{
 		padding-bottom: 20px;
 	}
 	.indexWhy ul{
 		width: 1250px;
 		margin: 0 auto;
 	}
 	.indexWhy li .circle{
 		width: 100px;
 		height: 100px;
 		border-radius: 50%;
 		margin: 0 auto;
 		background: #E0A138;
 		text-align: center;
 		line-height: 100px;
 		margin-top: -50px;
		margin-bottom: 20px;
 		
 	}
 	.indexWhy{
 		margin-bottom: 80px;
 	}
 	.indexWhy .container{
 		width: 1250px;
 		padding: 0;
 	}
 	.indexWhy li{
 		padding-left: 25px;
 		padding-right: 25px;
 		
 	} 
	.indexWhy li p{
		text-align: center;
	} 
	.indexWhy li  .font_18{
		margin-bottom: 20px;
		color: #000002;

	} 
	.indexWhy li .font_14{
		margin-bottom: 15px;
		color: #B4B5B7;
	} 
	.indexWhyBox a{
		font-size: 14px;
		color: white;
		width: 90px;
		margin: 0 auto;
		height: 28px;
		line-height: 28px;
		background: #BCBCBC;
		display: block;
		border-radius: 14px;
		text-align: center;
	}
	.indexWhyBox a:hover{
		background: #E0A138;
	}
	.indexWhy li:nth-child(2n) .circle{
		background: #EA4706 !important;
	}
	.indexWhy li:nth-child(2n) a:hover{
		background: #EA4808;
		
	}
	.indexWhy .container{
		margin-top: 60px;
		margin-bottom: 80px;
	}
	.indexWhybg{
		position: relative;
		width: 100%;
	}
	.indexWhybg img{
		width: 100%;
		
	}
	.indexWhybg a{
		width: 180px;
		height: 50px;
		border-radius: 25px;
		text-align: center;
		line-height: 50px;
		color: white;
		background: #EA4808;
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -90px;
		bottom: 25%;
		z-index: 100;
	}
	.indexEmpBox{

		display: flex;
		width: 1200px;
		margin: 0 auto;
		margin-top: 60px;
		
	}
	.indexEmpBoxLeft{
		width: 580px;
		position: relative;
	}
	.indexEmpBoxLeft .indexEmpBoxLeft{
		width: 580px;
	}
	.indexEmpBoxLeft .indexEmpBoxLeft img{
		width: 100%;
	}
	.indexEmpBoxRight{
		flex: 1;
		overflow: hidden;
	}
	.indexEmpBoxLeft .swiper-slide img{
		position: relative;
		width:100%;
	}
	.indexEmpBoxLeft .swiper-slide{
		position: relative;
	}
	.indexEmpBoxLeft .swiper-slide .text-p{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,0.75);
	}
	
	.text-p>div{
		width: 80%;
		padding-left: 10px;
		height: 80px;
	}
	.text-p p{
		color: white;
	}
	.text-p p a{
		color: white;
	}
	.text-p p:nth-child(1){
		font-size: 16px;
		padding: 10px 0px 7px 0;
	}
	.text-p p:nth-child(2){
		line-height: 1.5;
		font-size: 14px;
		display: -webkit-box; 
		overflow: hidden;
	  	white-space: normal!important;
	    text-overflow: ellipsis;
	    word-wrap: break-word;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical; 	
	    padding-bottom: 5px;
	}
	.indexEmpBoxLeft .swiper-button-prev{
		position: absolute;
		width: 40px;
		height: 80px;
		top:auto;
		bottom:0;
		left:auto;
		right: 40px;
		margin: 0;
		background: #E0A138;
		text-align: center;
		line-height: 80px;
			
	}
	.indexEmpBoxLeft .swiper-button-next{
		position: absolute;
		width: 40px;
		height: 80px;
		bottom: 0;
		top:auto;
		left:auto;
		right:0;
		margin: 0;
		background: #E0A138;
		text-align: center;
		line-height: 80px;			
	}
	.indexEmpBoxLeft .swiper-button-prev:hover,.indexEmpBoxLeft .swiper-button-next:hover{
		background: #EA4808;
	}
	.indexEmpBoxRight{
		padding-left: 50px;
	}
	.indexEmpBoxRight li{
		height: 80px;
		display: flex;
	}
	.empleftBox,.emprightBox{
		display: flex;
		flex-direction: column;
		justify-content: center;

	}
	.indexEmpBoxRight li:not(:last-child){
			margin-bottom: 17px;
		}
	.empleftBox{
		align-items: center;
		width: 80px;
		background: #F4F5F7;
		color: #A0A0A0;
	}
	.empleftBox .font_30{
		margin-bottom: 5px;
	}
	.emprightBox{
		padding-left: 20px;
		padding-right: 20px;
		flex: 1;
	}
	.emprightBox .font_16{
		margin-bottom: 5px;		
	}
	.emprightBox .font_14{
		color: #A0A0A0;
		line-height: 1.5;
		font-size: 14px;
		display: -webkit-box; 
		overflow: hidden;
	  	white-space: normal!important;
	    text-overflow: ellipsis;
	    word-wrap: break-word;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical; 		
		
	}
	.indexEmpBoxRight li:hover{
		cursor: pointer;
	}
	.indexEmpBoxRight li:hover .empleftBox{
		background: #EA4808;
		color: white;
	}
		.indexEmpBoxRight li:hover .emprightBox{
		background: #F4F5F7;

	}
	.indexEmp{
		margin-bottom: 80px;
	}
	.indexGlory .boxTitle{
		margin-bottom: 60px;
	}
	.indexGloryBox{
		width: 1200px;
		margin: 0 auto;
		position: relative;
		margin-bottom: 80px;
	}
	.indexGloryBox .swiper-container{
		width: 1140px;
		margin: 0 auto;
	}
	.indexGloryBox .swiper-container .swiper-slide{
		text-align: center;
	}
	.indexGloryBox .swiper-button-prev{
		background: url(../images/index/smallLeft.png) no-repeat;
		background-size: 100% 100%;
	}
	.indexGloryBox .swiper-button-next{
		background: url(../images/index/smallRight.png) no-repeat;
		background-size: 100% 100%;
		
	}
	/*应用实例*/
	.childPublic {
		min-width: 1200px;
	}	
	.childPublic img{
		max-height: 200px;
		width: 100%;
	}
	.childNav{
		background: #F1F1F1;
		height: 50px;
	}
	.childNav>div{
		width: 1200px;
		margin: 0 auto;
		height: 50px;
		overflow: hidden;
	}
	.childNav>div>div{
		float: right;
		line-height: 50px;
		font-size: 16px;
	}
	.childNav>div>div a{
		font-size: 16px;
		
	}
	.childNav>div>div a:hover{
		color: #E0A138;
	}
	.activeNav{
		color: #E0A138;
		
	}
	.exampleCenter{
		width: 1200px;
		font-size: 20px;
		margin: 0 auto;
		padding-bottom: 80px;
	}
	.centerTitle{
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 120px;
		border-bottom: 1px solid #ECECEC;
		font-size: 20px;
	}
	.titleText{
		padding-left: 20px;
		position: relative;
	}
	.titleText p:last-child{
		font-size: 16px;
		margin-top: 5px;
	}
	.titleText:before{
		position: absolute;
		top: -5px;
		bottom: -5px;
		left: 0;
		border-left:3px solid  #E0A138;
		content: "";
	}
	.exampleBox{
		width: 1200px;
	}
	.exampleBoxBlock1{
		padding: 40px 15px;
		padding-bottom: 0;
	}
	.exampleBoxBlock1 ul li{
		padding: 0 15px;
		position: relative;
	}
	.exampleBoxBlock1 ul li img{
			width: 100%;
	}
	.exampleBoxBlock1 ul li .textP{
		position: absolute;
		bottom: 0;
		left: 15px;
		right: 15px;
		font-size: 14px;
		color: white;
		height: 50px;
		display: flex;
		align-items: center;
	}	
	.textP p{
		line-height: 1.6;
		padding:0 15px;
		display: -webkit-box; 
		overflow: hidden;
	  	white-space: normal!important;
	    text-overflow: ellipsis;
	    word-wrap: break-word;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical; 			
	}
	.exampleBoxBlock2{
		padding: 0 30px;
		margin-bottom: 20px;
	}
	.iTlist{
		display: flex;
		align-items: center;
		padding: 30px 0;
		
	}
	.iTlist:not(:last-child){
		border-bottom: 1px dashed #ECECEC;
	}
	.itImg{
		width: 180px;
		height: auto;
	}
	.itImg img{
		width: 100%;
		height: 100%;
	}
	.itText{
		flex: 1;	
		padding-left: 20px;
	}
	.exampleBlockTitle{
		display: flex;
		justify-content: space-between;
		margin-bottom: 12px;
		align-items: center;
	}
	.exampleBlockTitle p:first-child{
		font-size: 18px;
		color: black;
		width: 80%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;

	}
	.time{
		font-size: 14px;
		color:#B9B9B9 ;
	}
	.exampleBlockContent p{
		font-size: 14px;
		color:#B9B9B9 ;
		line-height: 1.6;
		display: -webkit-box; 
		overflow: hidden;
	  	white-space: normal!important;
	    text-overflow: ellipsis;
	    word-wrap: break-word;
	    -webkit-line-clamp:3;
	    -webkit-box-orient: vertical; 			
		
	}
	.produceRecommend{
		padding-top: 40px;
		background: #F1F1F1;
		padding-bottom: 40px;
	}
	.produceRecommend .boxTitle{
		margin-bottom: 40px;
	}
	.produceRecommend .indexGloryBox{
		margin-bottom: 0;
	}
	.produceRecommend  .swiper-slide{
		text-align: center;
	}
	.produceRecommend  .swiper-slide img{
		width: 255px;
		height: 127.5px;
	}
	.produceRecommend  .swiper-slide p{
		height: 35px;
		line-height: 35px;
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0 20px;
		white-space: nowrap;
		
	}
	/*公司概况*/
	.companyCenter{
		width: 1200px;
		margin: 0 auto;
	}
	.companytext p{
		line-height: 1.6;
	}
	/*下载中心*/
	.downLoadCenter{
		width: 1200px;
		margin: 0 auto;

	}
	.companySeach{
		width: 610px;
		margin: 0 auto;
		padding: 60px 0;
		
	}
	.companySeachBox1{
		display: flex;
		height: 50px;
		margin-bottom: 18px;
		
		
	}
	.companySeachBox1>div{
		flex: 1;
		border: 2px solid #EA4808;
		border-right: none;
		

	}
		.companySeachBox1>div input{
			height:46px;
			width: 100%;
			line-height: 46px;
			padding: 0 20px;
			font-size:16px;
		}
	.companySeachBox1 a{
		width: 100px;
		display: block;
		text-align: center;
		line-height: 50px;
		background: #EA4808;
	}
	.table > tbody > tr > td{
		font-size: 16px;
	}
	.companyHot ul{
		display: flex;
		flex-wrap: wrap;
	}
	.companyHot ul li{
		margin-right: 20px;
		font-size: 14px;
		margin-bottom: 18px;

	}
	.companyHot ul li a{
		color: #9E9E9E;
	}
	.companyTable table{
		margin-bottom: 40px;
	}
	.companyTable tr>td:nth-child(1){
		width: 720px;
	}
	.companyTable tr>td:nth-child(2){
		width:160px;
		text-align: center;
	}
	.companyTable tr>td:nth-child(3){
		width: 160px;
		text-align: center;
		
	}
	.companyTable tr>td:nth-child(4){
		width:160px;
		text-align: center;
		
	}
	.companyTable thead{
		height: 40px;
		background: #E0A138;
	}
	.companyTable thead td{
			color: white;
			font-size: 14px;
			padding: 9px !important;
		}
	.companyTable thead td:first-child{
			padding-left: 30px !important;
		}
	.companyTable tbody tr{
		border-bottom: 1px dashed #EEEEEE !important;
	}	
	.companyTable tbody td	{
		padding: 30px 20px 30px 20px !important;
	}
	.companytext{
		padding-bottom: 60px;
	}
	.companyCenter h1{
		font-size:24px;
		text-align:center;
		margin:20px 0;
	}
	.pageNav{
	padding: 1.5em 0;
    border-bottom: 1px solid #DEDEDE;
	
	}
	.pageNav>div:first-child {
		margin-bottom: 10px;
	}
	.pageNav>div {
		font-size: 1em;
	}
	/*联系我们*/
	.contactCenter{
		width: 1200px;
		margin: 0 auto;
	}
	.contactMessage{
		padding: 0 22px;
	}
	.contactDetail{
		align-items: center;
		padding:40px 0;
	}
	.contactDetail>div{
		width: 400px;
		color: #EA480A;
	}
	.contactDetail>div p{
		font-size: 18px;
		margin-bottom: 13px;
	}
		.contactDetail>div p:nth-child(2n){
		font-size: 24px;
	}
		.contactDetail>div p:last-child{
			margin-bottom: 0;
		}
	.contactDetail>ul{
		flex: 1;
		display: flex;
	}
	.contactDetail>ul>li{
		width: 33.3%;
	}
	.contactDetail>ul>li>p{
		font-size: 16px;
		margin-bottom: 12px;
	}
	.contactAddress{
		padding-top: 20px;
		display: flex;
		align-items: center;
	}
	.addressMap{
		height: 285px;
		flex: 1;
	}
	.addressDetail{
		width: 410px;
		
	}
	.addressDetail p{
		margin-bottom:13px;
	}
	.addressDetail>div:nth-child(1){
		margin-bottom: 40px;
	}
	.contactOnline{
		margin-top: 60px;
	}
	.contactOnlineTitle{
		font-size: 30px;
		text-align: center;
		margin-bottom: 20px;
	}
	.contactOnlineTitle2{
		text-align: center;
		color: #999999;
		margin-bottom: 30px;
		
	}
	.contactOnlineBox{
		width: 830px;
		display: flex;
		margin: 0 auto;
	}
	.contactOnlineBox form{
		display:block;
		width:100%;
		display: flex;
	}
	.contactOnlineBoxLeft{
		width: 260px;
		margin-right: 20px;
		
	}
	.contactOnlineBox input{
		height: 50px;
		line-height: 50px;
		margin-bottom: 20px;
		width: 100%;
		border: 1px solid #DFDFDF;
		padding: 0 10px;
	}
	.contactOnlineBoxRight{
		flex: 1;
	}

	.contactOnlineBoxRight textarea{
		border: 1px solid #DFDFDF;
		width: 100%;
		height: 120px;
		padding: 10px;	
	}
	.contactOnline a{
		width: 200px;
		height: 55px;
		line-height: 55px;
		text-align: center;
		display: block;
		margin: 0 auto;
		background: #E0A138;
		color: white;
		font-size: 20px;
		margin-top: 20px;
		margin-bottom: 80px;
	}
	.contactOnlineBox input::-ms-input-placeholder{
			color:#999999 ;
		}
	.contactOnlineBox input::-webkit-input-placeholder{
			color:#999999;
		}
	.contactOnlineBox textarea::-webkit-input-placeholder{
			color:#999999;
		}
	/*服务体系*/
	.serviceCenter .centerTitle{
		width: 1200px;
		margin: 0 auto;
	}	
	.blockhead {
		padding: 40px 0 80px 0;
	}
	.blockhead li{
		height: 345px;
		position: relative;

	}	
	.blockhead li:hover{
		cursor: pointer;
	}
	.blockhead li img{
		height: 100%;
		width: 100%;
	}
	.blockhead li .boxP{
		position: absolute;
		bottom: 0;
		height: 65px;
		text-align: center;
		line-height: 65px;
		text-align: center;
		left: 15px;
		right: 15px;
		background: #F5F5F5;
		font-size: 20px;
	}
	.blockhead li .hoverBox{
		visibility: hidden;
	}
	.blockhead li .hoverBox{
		position: absolute;
		left: 15px;
		bottom: 0;
		right: 15px;
		top: 0;
		background: #e94809;
		opacity: 0.75;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.blockhead li .hoverBox p{
		padding: 0 30px;
		color: white;
	}
		.blockhead li .hoverBox p:first-child{
			font-size: 18px;
			margin-bottom: 16px;
		}
		.blockhead li .hoverBox p:last-child{
			font-size: 16px;
			line-height: 1.6;
		}		
	.blockdetailP{
		width: 875px;
		margin: 0 auto;
		line-height: 1.6;
		font-size: 16px;
		text-align: center;
		padding-top: 10px;
		color: #676767;
		padding-bottom: 40px;
	}
	.blockdetail ul li{
		margin-bottom: 30px;
	}
	.blockdetail ul li img{
		width: 100%;
		margin-bottom: 20px;
		height: 305px;
	}
	.blockdetail ul li p{
		text-align: center;
		font-size: 18px;
	}
	.blockdetail{
		padding-bottom: 40px;
	}
	/*产品详情*/
	.pdCenter{
		width: 1200px;
		margin: 0 auto;
	}
	.pdhead{
		display: flex;	
		align-items: center;
		padding: 70px 0 60px 0;
	}
	.pdBanner{
		width: 670px;
		margin-right: 30px;
	}
	.pdBanner img{
		width: 100%;
	}
	.pdheadText{
		flex: 1;
	}
	.pdheadTexthead{
		padding-bottom: 30px;
		font-size: 22px;
		font-weight: 500;
		border-bottom: 1px dashed #D6D6D6;
	}
	.pdheadText ul{
		padding: 30px 0;
		}
	.pdheadText ul li span{
		font-size: 17px;
		vertical-align: middle;
		padding-left: 5px;
		line-height: 1.6;
		color: #515151;
	}
	.pdheadText ul li {
		margin-bottom: 5px;
	}
	.pdheadText ul li:last-child{
		margin-bottom: 0;
	}
	.btn-list a{
		width: 130px;
		height: 40px;
		text-align: center;
		margin-right: 40px;
		line-height: 40px;
		display:inline-block;
		border: 1px solid #E0A138;
		color: #E0A138;
		font-size:16px;
	}
	.btn-list a:hover{
		background: #E0A138;
		color: white;
	}
	.pdcontent .boxTitle{
		border-bottom: 1px solid #E0E0E0;
	}
	.pdcontent .boxTitle:before{
		position: absolute;
		border: none;
		width:0 !important;
		margin-left:-2.5px;
		height:0;
		border-right:5px solid transparent;
		border-left:5px solid transparent;
		border-top:5px solid #E0A138;
		bottom: -6px;
		left: 50%;
	}
	.pdcontent .boxTitle:after{
		width: 110px;
		margin-left: -55px;
		bottom: -2px;
	}
	.pdcontent .boxTitle{
		font-size: 22px;
		font-weight: 400;
	}
	.pdcontent>div{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.pdcontent>div p{
		line-height: 1.4;
	}
	.pdBanner .swiper-button-next{
		background: url(../images/produce/right.png) no-repeat;
	}
	.pdBanner .swiper-button-prev{
		background: url(../images/produce/left.png) no-repeat;		
	}
	/*产品展示*/
	.produceCenter{
		width:1200px;
		margin: 0 auto;
		font-size:20px;
	}
	.produceCenterBlock{
		width: 1140px;
		margin: 0 auto;
		padding-top: 40px;
	}
	.produceCenterBlock .row li{
		text-align: center;
		font-size: 18px;
		margin:10px 0;
	}
	.produceCenterBlock .row li a{
		width: 100%;
		display: block;
		height: 60px;
		line-height: 60px;
		background: #ECECEC;
	}
	.blockContent{
		width: 1110px;
		margin: 0 auto;
		border: 2px solid #EA4808;
		display: block;
		
	}
	.blockContent ul{
		display: flex;
		padding-left: 80px;
		flex-wrap: wrap;
	}
	.blockContent>div{

		min-height: 50px;
	}
	.blockContent>div{
		display: none;
	}
	.blockContent ul li{
		width: 110px;
		text-align: center;		
	}
	.blockContent ul li a{
		height: 50px;
		line-height: 50px;
		display: block;
		position: relative;
		text-align:left;
	}
	
	.blockContent ul li a:before{
		position: absolute;
		width:0;
		height:0;
		border-top:5px solid transparent;
		border-bottom:5px solid transparent;
		border-left:5px solid #333333;	
		content: "";
		left: -15px;
		top:50%;
		margin-top: -5px;	
	}
	.blockContent ul li a:hover{
		color: #EA4808;	
	}	
	.blockContent ul li a:hover:before{
		border-left:5px solid #333333;	
		
	}
	.activeTab{
		background: #EA4808 !important;
		color: white !important;
	}
	.produceCenterLists{
		padding-top: 50px;
	}
	.produceCenterLists .pdhead{
		padding: 0;
		box-shadow: 1px 1px 10px 0px #F3F3F3;
		margin-bottom: 60px;
	}
	.produceCenterLists .pdBanner{
		width: 600px;
		height: 300px;
	}
	.produceCenterLists .pdBanner img{
			height: 100%;
		}
	.produceCenterLists  .pdheadTexthead{
		padding: 0;
		border-bottom: none;
		font-size: 18px;
		color: #000000;
		margin:10px 0;
		font-weight:600;
	}	
	.produceCenterLists .pdheadText .pdheadzy{
		width:95%;
		display: -webkit-box; 
		color: #808080;
		font-size: 14px;
		overflow: hidden;
	  	white-space: normal!important;
	    text-overflow: ellipsis;
	    word-wrap: break-word;
	    -webkit-line-clamp:6;
	    -webkit-box-orient: vertical;
	}
	.produceCenterLists .btn-list{
		margin-top:10px;
	}
	.produceCenterLists .pdheadText ul{
		padding: 14px 0;

	}
	.produceCenterLists .pdheadText ul li span{
		color: #767676;
		
	}
	.produceType{
		background:url(../images/produce/type.png) no-repeat;
		background-size: 100%　100%;
		width: 80px;
		height: 80px;
		position: absolute;
		right: 0;
		top: 0;
	}
	.produceType p{
		transform: rotate(45deg);
		width: 100%;
		height: 100%;
		text-align: center;
		padding-top: 12px;
		color: white;
		font-size: 18px;
	}
	.produceCenterLists .pdhead{
		position: relative;
	}
/*公共样式*/
.font_16{
	font-size: 0.8em;
}
.font_18{
	font-size: 0.9em;
}
.font_28{
	font-size: 1.4em;	
}
.font_24{
	font-size: 1.2em;
}
.font_30{
	font-size: 1.5em	
}
.color_title{
	color: #E0A138;
}
.font_12{
	font-size: 0.6em;
}
/*灰色*/
.color_h{
	color:#B9B9B9;
}
.font_14{
	font-size: 0.7em;
}

/*sayBox*/
.sayBox{
	background: #E1A138;
	position: fixed;
	bottom: 20%;
	width: 110px;
	right: 0;
	border-radius: 4px;
	z-index: 99999999999;
}
.sayBox{
	font-size: 20px;
}
.sayBox>div{
	border-bottom: 1px solid white;
}
.sayBox>div p{
	text-align: center;
	color: white;
}
.sayBox>div .font_18{
	padding: 10px 0 5px 0;
}
.sayBox>div .font_12{
	padding-bottom: 5px;
}
.sayBox>ul{
	padding: 18px 12px;
}
.sayBox>ul li{
	height: 30px;

}
.sayBox>ul li:not(:last-child){
	margin-bottom: 10px;
}
.sayBox>ul li a{
	display: flex;
	width: 100%;
	height: 30px;
	align-items: center;
	justify-content: center;
	color: #E60B11;
}
.sayBox>ul li a img{
	margin-right: 5px;
}
.pages{
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
	bottom: 0;
	width: 100%;
	margin-bottom:40px;
	font-size:0.8em;
}
#a1{
	border: solid 1px #f8ad00;
	display: inline-block;
	width: auto;
	color: #f8ad00;
	padding: 0 5px;
	line-height: 30px;
}
.pages a{
	border: solid 1px #f8ad00;
	display: inline-block;
	padding:4px 10px;
	color: #f8ad00;
}
.pages span{
	border: solid 1px #f8ad00;
	display: inline-block;
	padding:4px 10px;
	background-color: #f8ad00;
	color: #FFFFFF;
}